/*标签初始化*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, img,button {margin: 0;padding: 0;border: none; } 
dl,dt,dd,ul,ol,li,p {list-style-type: none; margin:0; padding:0;}
em,i, cite, th,h1,h2,h3,h4,h5,h6 { font-style: normal; font-weight: normal;}
input,img{vertical-align:middle;}
html,body{height:100%;}
body{ min-width:320px; max-width:750px; margin:0 auto;font-family:"微软雅黑", "宋体", Arial, Helvetica, sans-serif;}
h1,h2,h3,h4{font-family:"微软雅黑", "宋体", Arial, Helvetica, sans-serif;}
a{ color:#333; text-decoration: none; cursor:pointer;}
a:hover {color:#333; text-decoration:none;}
input:focus,textarea:focus,select:focus{outline:none;box-shadow:none;}
body{ background:#fff;}

.topbtn{ position:fixed; right:10px; bottom:60px; z-index:10;}
.topbtn img{ position:relative;}
.mpbg{ width:100%; height:100%; position:fixed; top:0; left:0; z-index:-100;opacity:0.2;filter:alpha(opacity=20);}
.layerbg{position:fixed; top:0; left:0;width:100%; height:100%;background:rgba(0, 0, 0, 0.6) none repeat scroll 0 0 !important; filter:Alpha(opacity=60); background:#000; z-index:1;}

.mainmuen{ height:50px; z-index:50; position:relative;}
.mainmuen .muen{ width:100%; height:50px; position:fixed; left:0; bottom:0; background-color:#f7f7f7; border-top:1px solid #eee;}
.mainmuen .muen ul{ display:flex;}
.mainmuen .muen ul li{flex:1;}
.mainmuen .muen ul li a{ padding:6px 0; display:block;}
.mainmuen .muen ul li a i{ display:block; text-align:center; }
.mainmuen .muen ul li a i img{}
.mainmuen .muen ul li a span{ display:block; text-align:center; height:18px; line-height:18px; overflow:hidden; font-size:12px; color:#666666;}

.carwarp{ border-bottom:12px solid #e1e1e1;}

.vrbox{ position:relative;}
.vrbox .vr{ width:100%; height:350px; overflow:hidden; z-index:-10;}
.vrbox .vr img{}
.read{line-height:30px; font-size:12px; position:absolute; bottom:12px; right:10px; color:#fff;text-shadow: 1px 1px  3px #000; z-index:1;}
.read i{ padding-right:2px;}
.read i img{ margin-top:-4px;}

.company{ padding:0 16px;}
.company h3{ font-size:18px; line-height:40px; max-height:40px; color:#d17148; font-weight:700; overflow:hidden;}
.contactmain{position:relative;}
.contactmain dl{ position:relative;}
.contactmain dl dt{ margin:0 auto;width:112px; height:92px;background:rgba(255, 255, 255, 0.1) none repeat scroll 0 0 !important; filter:Alpha(opacity=10); background:#fff;border-radius:50%; position:absolute; top:-24px; left:10px;}
.contactmain dl dt i{display:block;width:100px; height:100px; padding:6px; background-color:#fff; border-radius:50%;}
.contactmain dl dt i img{ display:block; width:100px; height:100px;border-radius:50%;}
.contactmain dl dd{ padding-left:130px; color:#555555; padding-bottom:30px;}
.contactmain dl dd .name{ padding-top:16px; line-height:30px;font-size:20px;}
.contactmain dl dd .name strong{ font-weight:700;}
.contactmain dl dd .name span{ padding-left:4px;font-size:12px;}
.contactmain dl dd .mbph{ line-height:20px;font-size:16px;}
.contactmain dl dd .mbph a{ color:#555555;font-size:16px; font-weight:600;}

.mipanmod{ position:relative; z-index:1;}
.mipanmod .callbox{  position:absolute; top:20px; right:10px;}
.mipanmod .callbox a{ display:block; padding:10px; width:22px; height:22px; border:1px solid #d17148; border-radius:50%;}
.mipanmod .callbox a img{ display:block;}
	

.company{ padding:0;}
.company h3{ font-size:18px; line-height:40px; max-height:40px; color:#d17148; font-weight:700; overflow:hidden;}
.contactinfo{padding:0 10px;/* border-bottom:12px solid #e1e1e1;*/}
.contactinfo .contactlist{ padding:12px 10px; position:relative;}

.contactinfo .contactlist .ctabox{}
.contactinfo .contactlist .ctabox .ctaitem{ padding:3px 0 3px 30px; line-height:24px; color:#fff; font-size:14px; position:relative;}
.contactinfo .contactlist .ctabox .ctaitem a{color:#666; font-size:14px;}
.contactinfo .contactlist .ctabox .ctaitem i{ padding-right:15px; position:absolute; top:3px; left:0;}
.contactinfo .contactlist .ctabox .ctaitem i img{margin-top:-4px;}
.othinfo{ padding:10px 10px 20px;}
.othinfo .mutab{ padding:6px 6px 0; display:flex; background-color:#f1f1f1;}
.othinfo .mutab .muth{ padding:10px 0 16px; flex:1; text-align:center; color:#fff; font-size:14px;}
.othinfo .mutab .muth a{color:#999999;}
.othinfo .mutab .mused{ background-color:#fff;}
.othinfo .mutab .mused a{color:#000;font-weight:700;}
.othinfo .mutabconbox{ padding:10px;  background-color:#fff;}
.othinfo .mutabconbox .mutabitem{font-size:14px;}
.othinfo .mutabconbox .mutabitem .mutli{ padding:6px; position:relative;}
.othinfo .mutabconbox .mutabitem .mutli .mtit{line-height:20px; color:#999999; display:inline-block; width:70px; position:absolute; left:0; top:6px;}
.othinfo .mutabconbox .mutabitem .mutli .mcon{line-height:20px; display:inline-block; color:#666; padding-left:70px;}
.othinfo .mutabconbox .mutabitem .mutli .mcon a{line-height:20px; color:#666;}
.othinfo .mutabconbox .mutabitem .mutli .mcon a i{ padding:0 4px;}
.othinfo .mutabconbox .mutabitem .mutli .mcon a i img{ margin-top:-4px;}
.mpabout{ border-bottom:16px solid #e1e1e1; }
.mpabout .mpatit{ padding:12px 10px; background:#e1e1e1;}
.mpabout .mpatit h3{ font-size:16px; font-weight:700; color:#666; text-align:center;}
.mpabout .maptxt{ margin:0px 10px; padding:10px; font-size:14px; background-color:#fff; color:#666666; line-height:26px;overflow: hidden;}
.mpabout .maptxt img{ max-width:100%; height:auto;}
.mpabout .maptxt video{max-width:100%; height:auto;}

.cardtishibg{ width:100%; height:100%; background:rgba(0, 0, 0, 0.8) none repeat scroll 0 0 !important; filter:Alpha(opacity=80); background:#000; position:fixed; top:0; left:0; z-index:11;}
.laybg{ width:100%; position:fixed; top:0; left:0; z-index:15;}
.laybg .ewmlayer{ width:100%; background-color:#fff; padding:20px 0; position:fixed; left:0; bottom:50px;}
.laybg .ewmlayer .closely{ position:absolute; top:6px; right:10px; cursor:pointer;}
.laybg .ewmlayer .ewmtshi{ text-align:center; font-size:12px; color:#aaa; line-height:30px;}
.laybg .ewmlayer .ewmbox{text-align:center;}


.moreopwarp{ padding-bottom:50px; background-color:#fff; width:100%; position:fixed; left:0; bottom:0; z-index:4;}
.moreopwarp ul{}
.moreopwarp ul li{ padding:6px 12px; border-bottom:1px solid #dedede;}
.moreopwarp ul li a{ display:block; line-height:30px; font-size:14px; color:#666; background:url(../images/mo-01.png) no-repeat right center; background-size:auto 12px;}
.moreopwarp ul li a img{}

.picmod{ padding:0 16px 12px;}
.picmod .pictit{ height:40px; position:relative;}
.picmod .pictit h3{ line-height:40px;font-size:14px; color:#00; font-weight:700;}
.picmod .pictit span{ position:absolute; top:16px; right:0px;}
.picmod .pictit span img{ display:block;}
.picmod .piclist{ width:100%;}
.picmod .piclist ul{ overflow-x:auto;white-space:nowrap;}
.picmod .piclist ul li{ display:inline-block; width:120px; padding:6px 16px 6px 0;}
.picmod .piclist ul li:last-child{ padding-right:0 !important;}
.picmod .piclist ul li a{ display:block; position:relative;}
.picmod .piclist ul li a i{ display:block;}
.picmod .piclist ul li a span{ display:block; width:100%; height:20px; line-height:20px; text-align:center; font-size:12px; color:#fff;background:rgba(0, 0, 0, 0.6) none repeat scroll 0 0 !important; filter:Alpha(opacity=60); background:#000; position: absolute; bottom:0; left:0; overflow:hidden;}

.music {
width: 30px;
height: 30px;
background: url(/VCard/HTML/blue/images/music-btn2.png) no-repeat 0 0;
background-size: 30px 30px;
position: absolute;
top: 8px;
right: 8px;
}
.rotation {background: none;}
.music .musicbtn {display: none;}
.rotation .musicbtn{display:block;}